<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE">
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
    <title>扫码登陆</title>

    <link rel="stylesheet" type="text/css" href="../css/webbase.css" />
    <link rel="stylesheet" type="text/css" href="../css/pages-login-manage.css" />
</head>

<body>
<div class="loginmanage">
    <div class="py-container">
        <div class="loginform">

            <!-- <ul class="sui-nav nav-tabs tab-wraped">
                <li class="active">
                    <a href="#index" data-toggle="tab">
                        <h3>扫描登录</h3>
                    </a>
                </li>
                <li>
                    <a href="#profile" data-toggle="tab">
                        <h3>账户登录</h3>
                    </a>
                </li>
            </ul> -->
            <div class="tab-content tab-wraped">
                <div id="index" class="tab-pane active">

                    <!--
                    <p>微信扫描登录</p>
                    <img src="erweimaServlet" />
                    -->

                    <!--生成微信登录二维码-->
                    <div id="weixin"></div>

                </div>
                <div id="profile" class="tab-pane  ">
                    <form class="sui-form">
                        <div class="input-prepend"><span class="add-on loginname"></span>
                            <input id="prependedInput" type="text" placeholder="邮箱/用户名/手机号" class="span2 input-xfat">
                        </div>
                        <div class="input-prepend"><span class="add-on loginpwd"></span>
                            <input id="prependedInput" type="password" placeholder="请输入密码" class="span2 input-xfat">
                        </div>
                        <div class="setting">
                            <div id="slider">
                                <div id="slider_bg"></div>
                                <span id="label">>></span> <span id="labelTip">拖动滑块验证</span>
                            </div>
                        </div>
                        <div class="logined">
                            <a class="sui-btn btn-block btn-xlarge btn-danger" href="admin/index.html" target="_blank">登&nbsp;&nbsp;录</a>
                        </div>
                    </form>

                </div>
            </div>
        </div>
        <div class="clearfix"></div>
    </div>
</div>


<script type="text/javascript" src="../js/plugins/jquery/jquery.min.js"></script>
<script type="text/javascript" src="../js/plugins/sui/sui.min.js"></script>
<script type="text/javascript" src="../js/plugins/jquery-placeholder/jquery.placeholder.min.js"></script>
<script src="../js/pages/jquery.slideunlock.js"></script>

<!--微信登录，生成二维码，修改了谷歌浏览器不能使用的bug-->
<script src="../js/wxlogin.js"></script>

<!--	微信提供的js，可以生成二维码，测试谷歌浏览器不好使，需要添加属性
    <script src="http://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script>
-->
<script>
    $(function(){
        // var slider = new SliderUnlock("#slider",{
        //     successLabelTip : "欢迎访问乐购商城"
        // },function(){
        //     // alert("验证成功,即将跳转至首页");
        //     // window.location.href="index.html"
        // });
        // slider.init();

        // 生成微信二维码，工具类，不是我提供，从腾讯下载的
        // 127.0.0.1/loginServlet
        var obj = new WxLogin({
            id:"weixin",
            appid:"wx7287a60bb700fd21",
            scope:"snsapi_login",
            redirect_uri:"http://www.txjava.cn/wxlogins/WxCallback"
        });

    })

</script>
</body>

</html>
